<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智慧班牌</title>
    <style>
        *
        {
            font-family: "楷体";
        }
        .nav {
            display: flex; /* 使用 Flexbox 布局 */
            justify-content: space-around; /* 均匀分布在水平方向 */
            align-items: center; /* 垂直居中 */
        }

        .dropdown {
            position: relative;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
        }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

        .dropdown-content a:hover {background-color: #f1f1f1}

        .dropdown:hover .dropdown-content {
            display: block;
        }
        table {
            border-collapse: collapse;
            width: 50%; /* Adjust the width as needed */
            margin: 100px auto; /* Center the table and add margin from the top */
            font-size: 16px; /* Adjust the font size */
            border: 2px solid #ddd; /* Add a border */
        }

        th, td {
            border: 1px solid #ddd; /* Add cell borders */
            padding: 8px; /* Add padding to cells */
            text-align: left;
        }

        th {
            background-color: #f2f2f2; /* Add a background color to header cells */
        }

        tr:hover {
            background-color: #f5f5f5; /* Highlight on hover */
        }
    </style>
</head>
<form action="/findAll"></form>
<body background="images/WEB.jpg"
      style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed">
<div class="nav-left" style="color:forestgreen"></div>
<div class="nav-right">
    <div class="nav-right-name" style="color:forestgreen">
        <dl class="nav-right-signout">
            <dd align="center">智慧+的校园体验</dd>
            <dd align="right"><button onclick="window.location.href='/login'">退 出 账 号</button></dd>
        </dl>
    </div>
</div>
<div class="nav">
    <div class="dropdown" style="color: cornflowerblue">
        <span>学生签到情况</span>
        <div class="dropdown-content">
            <a href="/Attendance">上学签到签退</a>
            <a href="/TimeControl">学生签到设置</a>
        </div>
    </div>
    <div class="dropdown" style="color: cornflowerblue">
        <span>班级信息</span>
        <div class="dropdown-content">
            <a href="/ClassTable">班级课表</a>
            <a href="/Teacher">教师队伍</a>
            <a href="/Score">班级成绩</a>
        </div>
    </div>
    <div class="dropdown" style="color: cornflowerblue">
        <span>班级相册</span>
        <div class="dropdown-content">
            <a href="/Photo">上传照片</a>
        </div>
    </div>
    <div class="dropdown" style="color: cornflowerblue">
        <span>班级形象</span>
        <div class="dropdown-content">
            <a href="#">宣传标语</a>
            <a href="#">今日之星</a>
        </div>
    </div>
</div>
<!-- 表格开始 -->
<table>
    <thead>
    <tr>
        <th>工号</th>
        <th>姓名</th>
        <th>课程</th>
        <th>班级</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="teacher : ${teacherList}">
        <td th:text="${teacher.teacherid}"></td>
        <td th:text="${teacher.teachername}"></td>
        <td th:text="${teacher.teachclass}"></td>
        <td th:text="${teacher.tclass}"></td>
    </tr>
    </tbody>
</table>

</body>
</html>
